<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
    <div class="container">
        <a class="navbar-brand" href="#">
            <img src="img/img-1.png" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        HOME
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        FEATURES
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        PAGES
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        PORTFOLIO
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown5" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        BLOG
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
            </ul>
            <a class="navbar-brand" href="#">
                <img src="img/img-2.png" width="158" height="55" alt="">
            </a>
        </div>
    </div>
</nav>
<header>
    <div class="container">
        <h1>EASY TO CUSTOMIZE</h1>
        <p>Readable code,well documented and FREEsuqqort</p>
        <button>LEARN MORE</button>
    </div>
</header>
<main>
    <div class="main-1">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <img src="img/img-4.png" alt="">
                    <p>STRONG STRUCTURE</p>
                </div>
                <div class="col-md-3">
                    <img src="img/img-5.png" alt="">
                    <p>GLOBAL SERVICES</p>
                </div>
                <div class="col-md-3">
                    <img src="img/img-6.png" alt="">
                    <p>DYNAMIC CHANGE</p>
                </div>
                <div class="col-md-3">
                    <img src="img/img-7.png" alt="">
                    <p>EXPONENTIAL GROWTH</p>
                </div>
            </div>
        </div>
    </div>
    <div class="main-2">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h5>KNOW BETTER</h5>
                    <p>......</p>
                    <p class="zi-1">Synergistically procrastinate one-to-one results for</p>
                    <p class="zi-1">accurate platforms. Assertively whiteboard corporate</p>
                    <p class="zi-1">users whereas dynamic initiatves.</p>
                    <p class="zi-2-1">Energistically architect leading-edge useers and inexpensive internal or"organic" sources.</p>
                    <p class="zi-2">Disitinctively evolve e-business resoures after progressive intellectual capital.Objectively</p>
                    <p class="zi-2">architect maintainable tachnologies via stategic convergence.Continually optimize</p>
                    <p class="zi-2">stand-alone expertise with e-business e-services.Continually conceptualize client-centered</p>
                    <p class="zi-2">opportunities and.</p>
                    <p class="zi-3-1">Dynamically customize backward-compatibe processes via front-end models.Distinctively</p>
                    <p class="zi-3">evisulate an expanded array of scenarios after virtual information.Professionally</p>
                    <p class="zi-3">predominate technically sound resources thought impactful mindshare.Efficiently drive</p>
                    <p class="zi-3">viral interfaces without inexpensive value.Credibly.</p>
                </div>
                <div class="col-md-6">
                    <img src="img/img-8.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="main-3">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/img-9.png" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5>GOAL ORIENTED</h5>
                            <p>Holisticly harness just in time technologies via corporate scenarios.lntrinsicly</p>
                            <p>predominate ubiquitous outsourcing through an expanded array of</p>
                            <p>functionalities.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/img-11.png" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5>GOAL ORIENTED</h5>
                            <p>Holisticly harness just in time technologies via corporate scenarios.lntrinsicly</p>
                            <p>predominate ubiquitous outsourcing through an expanded array of</p>
                            <p>functionalities.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-4">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/img-12.png" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5>GOAL ORIENTED</h5>
                            <p>Holisticly harness just in time technologies via corporate scenarios.lntrinsicly</p>
                            <p>predominate ubiquitous outsourcing through an expanded array of</p>
                            <p>functionalities.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/img-13.png" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5>GOAL ORIENTED</h5>
                            <p>Holisticly harness just in time technologies via corporate scenarios.lntrinsicly</p>
                            <p>predominate ubiquitous outsourcing through an expanded array of</p>
                            <p>functionalities.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-5">
        <div class="container">
            <img src="img/img-10.png" alt="">
            <h4>ULTRA RESPONAIVE</h4>
            <p>Phosfluorescentiy rvolutionize viral leadership via turnkey technology.Synergistically monetize lntermandated</p>
            <p>strategic theme areas through multimedia based.</p>
            <div class="xian"></div>
            <div class="xian-1"></div>
            <a href="">Responsive</a>
            <a href="">Easy to Customize</a>
            <a href="">Design</a>
            <a href="">Free Updates&Support</a>
        </div>
    </div>
    <div class="main-6">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h5>RECENT WORKS</h5>
                    <P>......</P>
                </div>
                <div class="col-md-6">
                    <button>See all works</button>
                </div>
            </div>
        </div>
    </div>
    <div class="main-7">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <img src="img/img-14.png" alt="">
                </div>
                <div class="col-md-4">
                    <img src="img/img-15.png" alt="">
                </div>
                <div class="col-md-4">
                    <img src="img/img-16.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="main-8">
        <div class="container">
            <h5>LATEST NEWS</h5>
            <P>......</P>
        </div>
    </div>
    <div class="main-9">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <img src="img/img-17.png" alt="" class="tu-6">
                    <h5>ln Demand:Collaboration Skill</h5>
                    <p>Proactively engage orthogonal growth strategies without</p>
                    <p>resource-leveling testing procedures.Seamlessly</p>
                    <p>predominate interoperable growth strategies.</p>
                    <div class="row">
                        <div class="col-md-6">
                            <p>23-02-2015</p>
                        </div>
                        <div class="col-md-6">
                            <p class="zi-4">65Comments</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-md-4">
                            <img src="img/img-18.png" alt="" class="tu">
                        </div>
                        <div class="col-md-8">
                            <span>Growth Strategies We Must K...</span>
                            <p class="zi-5">Proactively engage orthogoal</p>
                            <p class="zi-5">growth strategies without resource-</p>
                            <p class="zi-5">leveling testing procedures.</p>
                        </div>
                    </div>
                    <div class="row one">
                        <div class="col-md-4">
                            <img src="img/img-19.png" alt="" class="tu-1">
                        </div>
                        <div class="col-md-8">
                            <span>Products Research Methodolo...</span>
                            <p class="zi-5">Proactively engage orthogoal</p>
                            <p class="zi-5">growth strategies without resource-</p>
                            <p class="zi-5">leveling testing procedures.</p>
                        </div>
                    </div>
                    <div class="row two">
                        <div class="col-md-4">
                            <img src="img/img-20.png" alt="" class="tu-2">
                        </div>
                        <div class="col-md-8">
                            <span>Professional Leverage</span>
                            <p class="zi-5">Proactively engage orthogoal</p>
                            <p class="zi-5">growth strategies without resource-</p>
                            <p class="zi-5">leveling testing procedures.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row three">
                        <div class="col-md-4">
                            <img src="img/img-21.png" alt="" class="tu-3">
                        </div>
                        <div class="col-md-8">
                            <span>Alternative E-commerce</span>
                            <p class="zi-5">Proactively engage orthogoal</p>
                            <p class="zi-5">growth strategies without resource-</p>
                            <p class="zi-5">leveling testing procedures.</p>
                        </div>
                    </div>
                    <div class="row fore">
                        <div class="col-md-4">
                            <img src="img/img-22.png" alt="" class="tu-4">
                        </div>
                        <div class="col-md-8">
                            <span>Understanding Globally Scale...</span>
                            <p class="zi-5">Proactively engage orthogoal</p>
                            <p class="zi-5">growth strategies without resource-</p>
                            <p class="zi-5">leveling testing procedures.</p>
                        </div>
                    </div>
                    <button>See all news <img src="img/img-23.png" alt=""></button>
                </div>
            </div>
        </div>
    </div>
    <div class="main-10">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/img-24.png" alt="">
                        </div>
                        <div class="col-md-2">
                            <h3>5200</h3>
                            <p>SUBSCRIBERS</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/img-25.png" alt="">
                        </div>
                        <div class="col-md-2">
                            <h3>273</h3>
                            <p>PROJECTS</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/img-26.png" alt="">
                        </div>
                        <div class="col-md-2">
                            <h3>640K</h3>
                            <p>APPRECIATIONS</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/img-27.png" alt="">
                        </div>
                        <div class="col-md-2">
                            <h3>132</h3>
                            <p>CLIENTS</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-11">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h2>GET IN TOUCH</h2>
                </div>
                <div class="col-md-6">
                    <P>Call us at(1800)765-4321 or <button>CONTACT US</button></P>
                </div>
            </div>
        </div>
    </div>
</main>
<footer>
    <div class="footer-top">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <img src="img/img-28.png" alt="">
                    <p>Proactively aggregate B2B initiatives before extensive</p>
                    <p>channels. Monotonectally extend interactive methods of</p>
                    <p>empowerment through excellent applications.Rapidiously</p>
                    <p>synergize visonary products with sticky technology.</p>
                    <p class="zi-5-2">1234 North Main Street</p>
                    <p>New York,NY 22222</p>
                    <p>Phone:(1800)765-4321</p>
                    <p>Email:email@yourdomain.com</p>
                </div>
                <div class="col-md-2">
                    <h5>USEFUL LINKS</h5>
                    <P>About Us</P>
                    <p>Community</p>
                    <p>Career</p>
                    <p>Blog</p>
                </div>
                <div class="col-md-2">
                    <p class="zi-6">Press Kit</p>
                    <p>FAQ</p>
                    <p>Terms</p>
                    <p>Privacy Policy</p>
                    <p>Contact Us</p>
                </div>
                <div class="col-md-4">
                    <h5>NEWSLETTER</h5>
                    <p class="zi-7">Get the latest update from us by subscribing yo our</p>
                    <p class="zi-8">newsletter.</p>
                    <input type="text" placeholder="youremail@domain.com"><button>SUBSCRIBE</button>
                    <h5>GET CONNECTED</h5>
                    <img src="img/img-29.png" alt="" class="tu-5">
                    <img src="img/img-30.png" alt="" class="tu-5">
                    <img src="img/img-31.png" alt="" class="tu-5">
                    <img src="img/img-32.png" alt="" class="tu-5">
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <p>More Templates-Collect from</p>
    </div>
</footer>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>